@font-face {
    font-family: iconfont;
    src: url(/public/css/iconfont.eot);
    src: url(/public/css/iconfont.eot?#iefix) format('embedded-opentype'),url(/public/css/iconfont.woff) format('woff'),url(/public/css/iconfont.ttf) format('truetype'),url(/public/css/iconfont.svg#iconfont) format('svg')
}

.arrow,[class*=e_icon],[class*=icon-from-user]:after,[class*=iconfont],[class*=in_icon],[class*=link_icon],[class~=e_icon],[class~=icon-from-user]:after,[class~=iconfont],[class~=in_icon] {
    font-family: iconfont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width: 768px){
    .c_portalResPublic_codeContainer-01001009{
      min-height:500px;
      width:100%;
    }
    .fa_Float{
      display:none!important;
    }
  }
  @media only screen and (min-width: 769px){
    .c_portalResPublic_codeContainer-01001009{
      min-height:500px;
      width:100%;
    }
    .fa_Float{
      position:fixed;
      z-index:999;
      right:5px;
      top:20%;
    }
    .fa_Float>*{
      display:block;
      margin-bottom:5px;
      padding:10px;
      background:#fff;
      height:50px;
      position:relative;cursor: pointer;
      border:#d1a36d solid 1px;
      border-radius:10px;
    }
    .fa_Float>*:hover{
      background:#d1a36d;
    }
    .fa_Float>*:hover img {
        filter: brightness(200);
    }
    .fa_Float>*:hover .fa_Float_icon{color:#fff; }
    .fa_Float_icon {
      color:#d1a36d;
      text-align:center;
      width:35px;
      overflow:hidden;
      float:left;
    }
    .fa_Float_icon i{
      font-size:30px;
    }
    .fa_Float_icon p{
      font-size:12px;
      margin-top:5px;
    }
    .fa_Float_info{
      font-size:16px;
      color:#fff;
      overflow:hidden;
      float:left;
      position: absolute;
      right: 60px;
      background: #d1a36d;
      top:0;
      bottom:0;
      height:50px;
      line-height:50px;
      max-width:0;
      white-space: nowrap;
      font-weight:300;
      border-radius:5px;
    }
    .fa_Float>a:hover .fa_Float_info{
      max-width:1000px;
      padding:0 10px;
    }
    .fa_Float_img{
      position:absolute;
      width:200px;
      left:-205px;
      bottom:0;
      overflow:hidden;
      max-height:0;
      opacity: 0;
      font-size:0;
      
    }
    .fa_Float_img>div{display:inline-block;max-width:100px;width:50%;padding:0 3px;}
    .fa_Float>a:hover .fa_Float_img{
      max-height:200px;
      opacity: 1;
    }
    .fa_Float>a .fa_Float_img img{
      width:100%;
      filter: none;
    }
    .fa_Float_qq .fa_Floatqq_info{
      position:absolute;
      top:0;
      right:60px;
      background:#d1a36d;
      color:#fff;
      overflow:hidden;
      opacity:0;
      width:200px;font-family: '微软雅黑';
      max-height:0;
      transition:all 0.5s;
      border-radius:5px;
    }
    .fa_Float .fa_Float_qq:hover .fa_Floatqq_info{
      max-height:1000px;
      opacity:1;
    }
    .fa_Floatqq_info a{
      border-bottom:1px solid rgba(255,255,255,0.5);
      padding:20px ;
      display:block;
      font-family: '微软雅黑';
      color:#fff;
      font-size:16px;
    }
    .fa_Floatqq_info a:hover{
      color:#c5e6fc;
    }
    .fa_Floatqq_info a:last-child{
      border:none;
      
    }
  }